@charset "UTF-8";



img { vertical-align: middle; }

input[type="button"], input[type="submit"], input[type="reset"], button { -webkit-appearance: none; appearance: none; }

button, button:active, input, input:focus, select, select:focus, textarea, textarea:focus { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

input:disabled, textarea:disabled, button:disabled, select:disabled { opacity: 1; }

.placeholder { color: #999; }

.fwn { font-weight: 400; }

.fwb { font-weight: 700; }

.fs12 { font-size: 9pt; }

.fs13 { font-size: 13px; }

.fs14 { font-size: 14px; }

.fs15 { font-size: 15px; }

.fs16 { font-size: 1pc; }

.fs17 { font-size: 17px; }

.fs18 { font-size: 18px; }

.fs19 { font-size: 19px; }

.fs20 { font-size: 20px; }

.fs21 { font-size: 21px; }

.fs22 { font-size: 22px; }

.fs23 { font-size: 23px; }

.fs24 { font-size: 24px; }

.fs25 { font-size: 25px; }

.fs26 { font-size: 26px; }

.fs27 { font-size: 27px; }

.fs28 { font-size: 28px; }

.fs29 { font-size: 29px; }

.fs30 { font-size: 30px; }

.lh18 { line-height: 18px; }

.lh20 { line-height: 20px; }

.lh21 { line-height: 21px; }

.lh22 { line-height: 22px; }

.lh23 { line-height: 23px; }

.lh24 { line-height: 24px; }

.lh25 { line-height: 25px; }

.lh26 { line-height: 26px; }

.lh27 { line-height: 27px; }

.lh28 { line-height: 28px; }

.lh29 { line-height: 29px; }

.lh30 { line-height: 30px; }

.lh32 { line-height: 32px; }

.lh34 { line-height: 34px; }

.lh36 { line-height: 36px; }

.lh38 { line-height: 38px; }

.lh40 { line-height: 40px; }

.lh42 { line-height: 42px; }

.lh44 { line-height: 44px; }

.lh46 { line-height: 46px; }

.lh48 { line-height: 48px; }

.lh50 { line-height: 50px; }

.lhx10 { line-height: 1; }

.lhx11 { line-height: 1.1; }

.lhx12 { line-height: 1.2; }

.lhx13 { line-height: 1.3; }

.lhx14 { line-height: 1.4; }

.lhx15 { line-height: 1.5; }

.lhx16 { line-height: 1.6; }

.lhx17 { line-height: 1.7; }

.lhx18 { line-height: 1.8; }

.lhx19 { line-height: 1.9; }

.mt0 { margin-top: 0; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

.mt45 { margin-top: 45px; }

.mt50 { margin-top: 50px; }

.mb0 { margin-bottom: 0; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.mb45 { margin-bottom: 45px; }

.mb50 { margin-bottom: 50px; }

.mr0 { margin-right: 0; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr35 { margin-right: 35px; }

.mr40 { margin-right: 40px; }

.mr45 { margin-right: 45px; }

.mr50 { margin-right: 50px; }

.ml0 { margin-left: 0; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml35 { margin-left: 35px; }

.ml40 { margin-left: 40px; }

.ml45 { margin-left: 45px; }

.ml50 { margin-left: 50px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt25 { padding-top: 25px; }

.pt30 { padding-top: 30px; }

.pt35 { padding-top: 35px; }

.pt40 { padding-top: 40px; }

.pt45 { padding-top: 45px; }

.pt50 { padding-top: 50px; }

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr25 { padding-right: 25px; }

.pr30 { padding-right: 30px; }

.pr35 { padding-right: 35px; }

.pr40 { padding-right: 40px; }

.pr45 { padding-right: 45px; }

.pr50 { padding-right: 50px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb25 { padding-bottom: 25px; }

.pb30 { padding-bottom: 30px; }

.pb35 { padding-bottom: 35px; }

.pb40 { padding-bottom: 40px; }

.pb45 { padding-bottom: 45px; }

.pb50 { padding-bottom: 50px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl25 { padding-left: 25px; }

.pl30 { padding-left: 30px; }

.pl35 { padding-left: 35px; }

.pl40 { padding-left: 40px; }

.pl45 { padding-left: 45px; }

.pl50 { padding-left: 50px; }

.fl { float: left; }

.fr { float: right; }

.ta-c { text-align: center; }

.ta-r { text-align: right; }

.ta-l { text-align: left; }

.va-top { vertical-align: top; }

.va-middle { vertical-align: middle; }

.va-baseline { vertical-align: baseline; }

.va-bottom { vertical-align: bottom; }

.ra1 { -webkit-border-radius: 1px; border-radius: 1px; }

.ra2 { -webkit-border-radius: 2px; border-radius: 2px; }

.ra3 { -webkit-border-radius: 3px; border-radius: 3px; }

.ra4 { -webkit-border-radius: 4px; border-radius: 4px; }

.ra5 { -webkit-border-radius: 5px; border-radius: 5px; }

.ra6 { -webkit-border-radius: 6px; border-radius: 6px; }

.ra7 { -webkit-border-radius: 7px; border-radius: 7px; }

.ra8 { -webkit-border-radius: 8px; border-radius: 8px; }

.ra9 { -webkit-border-radius: 9px; border-radius: 9px; }

.ra10 { -webkit-border-radius: 10px; border-radius: 10px; }

.opa1 { opacity: 0.1; filter: alpha(opacity=10); }

.opa2 { opacity: 0.2; filter: alpha(opacity=20); }

.opa3 { opacity: 0.3; filter: alpha(opacity=30); }

.opa4 { opacity: 0.4; filter: alpha(opacity=40); }

.opa5 { opacity: 0.5; filter: alpha(opacity=50); }

.opa6 { opacity: 0.6; filter: alpha(opacity=60); }

.opa7 { opacity: 0.7; filter: alpha(opacity=70); }

.opa8 { opacity: 0.8; filter: alpha(opacity=80); }

.opa9 { opacity: 0.9; filter: alpha(opacity=90); }

.cb { clear: both; }

.ti2 { text-indent: 2em; }

.td-n { text-decoration: none; }

.td-u { text-decoration: underline; }

.ofh { overflow: hidden; }

.pos-r { position: relative; }

.db { display: block; }

.di { display: inline; }

.dib { display: inline-block; *display: inline; zoom: 1; }

.dtbc { display: table-cell; *display: inline-block; text-align: center; vertical-align: middle; }

.clearfix, .row, .ui-tabs, .wrapper, .shop-nav-rec { zoom: 1; }
.clearfix:before, .row:before, .ui-tabs:before, .wrapper:before, .shop-nav-rec:before, .clearfix:after, .row:after, .ui-tabs:after, .wrapper:after, .shop-nav-rec:after { content: ''; display: table; }
.clearfix:after, .row:after, .ui-tabs:after, .wrapper:after, .shop-nav-rec:after { clear: both; }

.va-m-box { font-size: 0; }
.va-m-box:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.va-m-ib { display: inline-block; vertical-align: middle; }

.va-t-ib { display: inline-block; vertical-align: top; }

.va-j-box { line-height: 0; text-align: justify; }

.justify-fix { display: inline-block; margin: 0; padding: 0; width: 100%; height: 0; overflow: hidden; }

.margin-center { margin-left: auto; margin-right: auto; }

.text-black { color: #333; }
a.text-black:hover, a.text-black:focus { color: #1a1a1a; }

.text-muted { color: #999; }
a.text-muted:hover, a.text-muted:focus { color: gray; }

.text-theme { color: #f34e4e; }
a.text-theme:hover, a.text-theme:focus { color: #f01e1e; }

.text-normal { color: #666; }
a.text-normal:hover, a.text-normal:focus { color: #4d4d4d; }

.text-success { color: #83c272; }
a.text-success:hover, a.text-success:focus { color: #64b34e; }

.text-info { color: #0081d1; }
a.text-info:hover, a.text-info:focus { color: #00629e; }

.text-warning { color: #ff9933; }
a.text-warning:hover, a.text-warning:focus { color: #ff8000; }

.text-danger { color: #ff3a3a; }
a.text-danger:hover, a.text-danger:focus { color: #ff0707; }

.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ellips_line2, .ellips_line3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

.ellips_line2 { -webkit-line-clamp: 2; }

.ellips_line3 { -webkit-line-clamp: 3; }

.underline-link:hover { text-decoration: underline; }


/* ------------------------------------------------- btn scss -------------------------------------------------
*/
.ui-btn, .ui-btn-theme, .ui-btn-warn, .ui-btn-low { display: inline-block; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; border: 0 none; }

.ui-btn { padding: 0 18px; font-size: 14px; line-height: 30px; color: #333; border: 1px solid #eee; background-color: #eee; -webkit-border-radius: 2px; border-radius: 2px; }
.ui-btn:hover { background-color: #e1e1e1; border-color: #e1e1e1; color: #333; }

.ui-btn-theme { padding: 0 18px; font-size: 14px; line-height: 30px; color: #fff; border: 1px solid #0088cc; background-color: #0088cc; -webkit-border-radius: 2px; border-radius: 2px; }
.ui-btn-theme:hover { background-color: #0088cc; border-color: #0088cc; color: #fff; }

.ui-btn-theme.ui-btn-hollow { color: #0088cc; border: 1px solid #0088cc; background-color: transparent; }
.ui-btn-theme.ui-btn-hollow:hover { background-color: transparent; border-color: #0088cc; color: #0088cc; }

.ui-btn-warn { padding: 0 18px; font-size: 14px; line-height: 30px; color: #fff; border: 1px solid #ff9933; background-color: #ff9933; -webkit-border-radius: 2px; border-radius: 2px; }
.ui-btn-warn:hover { background-color: #ff8c1a; border-color: #ff8c1a; color: #fff; }

.ui-btn-warn.ui-btn-hollow { color: #ff9933; border: 1px solid #ff9933; background-color: transparent; }
.ui-btn-warn.ui-btn-hollow:hover { background-color: transparent; border-color: #ff8c1a; color: #ff9933; }

.ui-btn-low { padding: 0 18px; font-size: 14px; line-height: 30px; color: #fff; border: 1px solid #b0b0b0; background-color: #b0b0b0; -webkit-border-radius: 2px; border-radius: 2px; }
.ui-btn-low:hover { background-color: #a3a3a3; border-color: #a3a3a3; color: #fff; }

.ui-btn-low.ui-btn-hollow { color: #b0b0b0; border: 1px solid #b0b0b0; background-color: transparent; }
.ui-btn-low.ui-btn-hollow:hover { background-color: transparent; border-color: #a3a3a3; color: #b0b0b0; }

.ui-btn-smaller { padding: 0 14px; font-size: 12px; line-height: 22px; }

.ui-btn-small { padding: 0 14px; font-size: 12px; line-height: 26px; }

.ui-btn-big { padding: 0 25px; font-size: 16px; line-height: 36px; }

.ui-btn-full { width: 100%; padding: 0; }


/** 语义化结构 */
.wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1200px; margin-left: auto; margin-right: auto; }



